@import "/Style Library/plantilla/estilos/less/vars.less";

.tw-bg-primary {
    background-color: @fondo-contraste-general-2026;
  }

  .tw-bg-primary-audios {
    background-color: @fondo-bg-primary-audios;
    border: 1px solid #ffffff;
  }

  .tw-bg-primary-naranja {
    background-color: @fondo-bg-naranja;
  }

  .tw-bg-white {
    background-color: @fondo-bg-white;
  }

  .tw-bg-tertiary {
   /* background-color: #eff6ff; */
  }

  .tw-border-primary-naranja {
    border-left: 4px solid @color-border-primary-naranja;
  }
 
  .tw-bg-secondary-eventos {
    background-color: @fondo-eventos-fechas;
    border: 1px solid #ffffff;
  }

  .tw-audioactive {
    background-color: @fondo-active-tabs;
  }

  .tw-audioactive:hover {
    background-color: @fondo-eventos-fechas;
  }  


  .tw-fondoGris{
    background-color: #374151; 
  }

  .tw-fondoGris:hover {
    background-color: @colorTextYell;
  }

  

  .tw-border-primary {
    border-color: @fondo-contraste-general-2026;
  }
  
  .tw-text-primary {
    color: @color-home-blue;
  }

  .tw-text-primary-vinculo {
    color: @color-text-vinculo;
  }
  .tw-text-primary-vinculo:hover, 
  .tw-text-primary-vinculo:focus, 
  .tw-text-primary-vinculo:active, 
  .tw-text-primary-vinculo:visited {
    color: @color-text-vinculo; 
  }



  .tw-text-primary:hover {
    color:  @color-home-blue !important;
  }

  .tw-text-primary:focus {
    color:  @color-home-blue !important;
    outline: none !important;
  }

  .tw-text-primary:active {
    color:  @color-home-blue !important;
  }
  .tw-text-primary:visited {
    color: @color-home-blue!important;
  }

  .tw-bg-herramientas {
    background-color: @fondo-contraste-general;
  }

  .tw-bg-herramientas .bg-white {
    background-color: @fondo-contraste-general;
  }

  .tw-bg-herramientas  a img {
    filter: @fondo-contraste-img;
  }

  .tw-text-black, h2.tw-text-black {
    color: @color-titulos-home !important;
  }


  p.tw-text-black , div.tw-text-black, span.tw-text-black, h3.tw-text-black {
    color:@color-titulos-seccion !important;
  }
  

 

  #NoticiasHome p.tw-text-black:hover {
    color: @color-text-yellow !important;
  }

 #NoticiasHome aside button:hover{
    background-color: @fondo-bg-naranja !important;
    border: 1px solid @color-border-primary-naranja !important;
    color:#ffffff !important;
  }

  #NoticiasHome article img {
    filter: @fondo-contraste-img;
  }

  /*#AccesosRapidos span h3.tw-text-black:hover {
    color: @colorTextYell !important;
  }*/

 
 #AccesosRapidos a:hover {
   background-color: @fondo-bg-accesos-hover; 
  }

  #AccesosRapidos a:hover h3.tw-text-black {
    color: @color-text-yellow !important;
   }
   #AccesosRapidos a:hover span.tw-text-black {
    color: @color-text-hover !important;
   }
   #AccesosRapidos a:hover .icono-vinculo svg.tw-text-primary-vinculo {
    stroke: @color-text-vinculo !important;
 }

   

   #AccesosRapidos a img {
    filter: @fondo-contraste-img; 
    
   } 

  #tab-photos a.fotosHome:hover .galeriasHome .p-4 h3{
    color: @black !important;
  }

  #tab-photos a.fotosHome:hover .galeriasHome .p-4 p{
    color: @black !important;
  }

  #tab-photos a.fotosHome:hover .galeriasHome .imagenGaleria svg{
    color: @white !important;
  }
 
 
 
 #EventosHome a:hover {
    color:  transparent !important;
  }  

  .tw-btn-formulario {
    background-color: @color-btn-formulario;
  }

  /*******************gifs***************/
/*
  #MenuPrincipal #menuGeneralSharepoint li#Inicio,
#MenuPrincipal #menuGeneralSharepoint li#Transparencia_y_Acceso_Informacion_Publica,
#MenuPrincipal #menuGeneralSharepoint li#Atencion_y_Servicios_a_la_Ciudadania,
#MenuPrincipal #menuGeneralSharepoint li#Participa,
#MenuPrincipal #menuGeneralSharepoint li#Seguro_para_su_Ahorro,
#MenuPrincipal #menuGeneralSharepoint li#Normativa,
#MenuPrincipal #menuGeneralSharepoint li#Nuestra_Gestion,
#MenuPrincipal #menuGeneralSharepoint li#Publicaciones {
    position: relative;
    overflow: visible;
}
*/
/* GIF *//*
#MenuPrincipal #menuGeneralSharepoint li#Inicio:hover::before,
#MenuPrincipal #menuGeneralSharepoint li#Transparencia_y_Acceso_Informacion_Publica:hover::before,
#MenuPrincipal #menuGeneralSharepoint li#Atencion_y_Servicios_a_la_Ciudadania:hover::before,
#MenuPrincipal #menuGeneralSharepoint li#Participa:hover::before,
#MenuPrincipal #menuGeneralSharepoint li#Seguro_para_su_Ahorro:hover::before,
#MenuPrincipal #menuGeneralSharepoint li#Normativa:hover::before,
#MenuPrincipal #menuGeneralSharepoint li#Nuestra_Gestion:hover::before,
#MenuPrincipal #menuGeneralSharepoint li#Publicaciones:hover::before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 130px;
    height: 73px;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0px 15px 0px #ffffff;
    border-radius: 5px;
    z-index: 30;
    pointer-events: none; 
}
*/
/* FLECHITA */
/*
#MenuPrincipal #menuGeneralSharepoint li#Inicio:hover::after,
#MenuPrincipal #menuGeneralSharepoint li#Transparencia_y_Acceso_Informacion_Publica:hover::after,
#MenuPrincipal #menuGeneralSharepoint li#Atencion_y_Servicios_a_la_Ciudadania:hover::after,
#MenuPrincipal #menuGeneralSharepoint li#Participa:hover::after,
#MenuPrincipal #menuGeneralSharepoint li#Seguro_para_su_Ahorro:hover::after,
#MenuPrincipal #menuGeneralSharepoint li#Normativa:hover::after,
#MenuPrincipal #menuGeneralSharepoint li#Nuestra_Gestion:hover::after,
#MenuPrincipal #menuGeneralSharepoint li#Publicaciones:hover::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 31;
    pointer-events: none;
}
*/
/* GIF POR ITEM */
/*
#MenuPrincipal #menuGeneralSharepoint li#Inicio:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
#MenuPrincipal #menuGeneralSharepoint li#Transparencia_y_Acceso_Informacion_Publica:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
#MenuPrincipal #menuGeneralSharepoint li#Atencion_y_Servicios_a_la_Ciudadania:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
#MenuPrincipal #menuGeneralSharepoint li#Participa:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
#MenuPrincipal #menuGeneralSharepoint li#Seguro_para_su_Ahorro:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
#MenuPrincipal #menuGeneralSharepoint li#Normativa:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
#MenuPrincipal #menuGeneralSharepoint li#Nuestra_Gestion:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
#MenuPrincipal #menuGeneralSharepoint li#Publicaciones:hover::before {
    background-image: url(/Style%20Library/plantilla/gifs/inicio.gif);
}
  */


/*footer*/
.fondoverde {
 background: linear-gradient(0deg, #068460 80%, #ffffff 80%);
}


/* Boletines: stroke fijo por clase SVG (no depende del color del enlace SharePoint) */
article.boletines2026 {
  a.boletines2026-link-detalle,
  a.boletines2026-link-detalle:link,
  a.boletines2026-link-detalle:visited,
  a.boletines2026-link-detalle:hover,
  a.boletines2026-link-detalle:active,
  a.boletines2026-link-detalle:focus,
  a.boletines2026-ico-doc,
  a.boletines2026-ico-doc:link,
  a.boletines2026-ico-doc:visited,
  a.boletines2026-ico-doc:hover,
  a.boletines2026-ico-doc:active,
  a.boletines2026-ico-doc:focus,
  a.boletines2026-link-descarga,
  a.boletines2026-link-descarga:link,
  a.boletines2026-link-descarga:visited,
  a.boletines2026-link-descarga:hover,
  a.boletines2026-link-descarga:active,
  a.boletines2026-link-descarga:focus,
  a.boletines2026-link-ver,
  a.boletines2026-link-ver:link,
  a.boletines2026-link-ver:visited,
  a.boletines2026-link-ver:hover,
  a.boletines2026-link-ver:active,
  a.boletines2026-link-ver:focus {
    text-decoration: none !important;
    outline: none !important;
  }

  svg.boletines2026-svg-doc,
  a:hover svg.boletines2026-svg-doc,
  a:active svg.boletines2026-svg-doc,
  a:visited svg.boletines2026-svg-doc,
  a:focus svg.boletines2026-svg-doc {
    stroke: #ffffff !important;
    fill: none !important;
  }

  svg.boletines2026-svg-calendario,
  a:hover svg.boletines2026-svg-calendario,
  a:active svg.boletines2026-svg-calendario,
  a:visited svg.boletines2026-svg-calendario,
  a:focus svg.boletines2026-svg-calendario {
    stroke: #9ca3af !important;
    fill: none !important;
  }

  svg.boletines2026-svg-accion,
  a:hover svg.boletines2026-svg-accion,
  a:active svg.boletines2026-svg-accion,
  a:visited svg.boletines2026-svg-accion,
  a:focus svg.boletines2026-svg-accion {
    stroke: #1f2937 !important;
    fill: none !important;
  }
}


.noticias2026 {
  display: flex;
  flex-direction: column;
  height: 32rem;
  min-height: 32rem;
  max-height: 32rem;
  overflow: hidden;
 
  img {
    display: block;
    width: 100%;
    height: 20rem;
    min-height: 20rem;
    max-height: 20rem;
    object-fit: cover;
  }
}